<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*banner*/
.ind-banner{ width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img{ height: 9.6rem; }
.ind-banner .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover;}
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; color: #fff; top: 40%; transform: translateY(-60%); }
.ind-banner .onebox .en{ font-size: 0.7rem; line-height: 0.7rem; color: #222; padding-bottom: 0.1rem; font-family: regular; text-transform: uppercase; text-align:center; }
.ind-banner .onebox .cn{ font-size: 0.6rem; line-height: 0.86rem; color: #ba1e21; }
.ind-banner .twobox{ position: absolute; left: 0; width: 100%; text-align: center; z-index: 1; color: #fff; top: 50%; transform: translateY(-50%); }
.ind-banner .twobox .cn{ font-size: 0.9rem; line-height: 0.86rem; font-weight: bold; font-style: italic; }
.ind-banner .twobox .en{ font-size: 0.36rem; line-height: 0.56rem; padding-top: 0.2rem; text-transform: uppercase; font-family: light; }

.ind-banner .swiper-pagination{ width: 100%; bottom: 45px; } 
.ind-banner .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; opacity: 1; background: #eee; box-sizing:border-box; border-radius: 50%; margin: 0 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #ff7500;} 

.ind-banner .swiper-slide video {
  position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
  }

/*banner结束*/
.indexP1{ padding-top: 1.4rem; height: 5.0rem; box-sizing: border-box; background: url(../images/indexP1.jpg) center no-repeat; background-size: cover;}
.indexP1 .mxfDiv{ position: relative; padding-left: 6.5rem; }
.indexP1 .layer{ position: absolute; left: 0; top: 0; }
.indexP1 .title{ line-height: 0.6rem; font-size: 0.42rem; color: #333; font-weight: bold; }
.indexP1 .more{ padding-top: 0.95rem; }
.indexP1 .more a{ display: block; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.16rem; text-align: center; color: #fff; background: #ff7500; border-radius: 0.12rem; }
.indexP1 .content{ font-size: 0.16rem; line-height: 0.3rem; color: #333; text-align: justify; }
.indexP1 .numList{ padding-top: 0.6rem; }
.indexP1 .numList li{ float: left; }
.indexP1 .numList li:nth-child(1){ width: 2.4rem; }
.indexP1 .numList li:nth-child(2){ width: 2.4rem; }
.indexP1 .numList li:nth-child(3){ width: auto; }
.indexP1 .numList li:nth-child(4){ width: auto; float: right; }
/*.indexP1 .numList li .num{ height: 0.6rem; }
.indexP1 .numList li .numUp{ padding-right: 0.1rem; font-size: 0.68rem; line-height: 0.56rem; color: #333; font-family:light;}
.indexP1 .numList li p{ padding-top: 0.15rem; font-size: 0.16rem; line-height: 0.16rem; }*/
.indexP1 .numList li .pj{ height: 0.65rem; }
.indexP1 .numList li .num{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.indexP1 .numList li .numUp{ font-family: regular; font-size: 0.6rem; line-height: 0.52rem; color: #333; padding-right: 0.1rem;}
.indexP1 .numList li span{ font-size: 0.16rem; height: 0.48rem; color: #333; position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.indexP1 .numList li img{ position: absolute; left: 0; top: 0; }
.indexP1 .numList li p{ font-size: 0.16rem; line-height: 0.16rem; }


.indexP2{ position: relative; overflow: hidden; }
.indexP2 .runpic-box{ position: absolute; width: 15.36rem; left: 50%; margin-left: -7.68rem; top: 1.2rem; z-index: 2; }
.indexP2 .title{ color: #fff; font-size: 0.42rem; line-height: 0.5rem; font-weight: bold; }
.indexP2 .runpic-words li{ cursor: pointer; float: left; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; color: #fff; font-size: 0.18rem; border-radius: 0.12rem; text-align: center; margin-left: 0.45rem;}
.indexP2 .runpic-words .liNow{ background: #ff7500;}

.indexP2 .runpic-pic{ position: relative; height: 9.6rem; }
.indexP2 .runpic-pic li{ display: none; width: 100%; height: 9.6rem; position: absolute; left: 0; top: 0; }
.indexP2 .runpic-pic .item{ display: none; width:100%; height:9.6rem; position: absolute; top: 0; left: 0; }
.indexP2 .runpic-pic .bg{ height: 9.6rem; }
.indexP2 .runpic-pic .bg img{ width:100%; height:100%; object-fit:cover; }
.indexP2 .runpic-pic .conLayer{ position: absolute; color: #fff; left: 50%; top: 38%; margin-left: -7.68rem; width: 4.5rem; z-index: 1; transform: translateY(1rem);
  -webkit-transform: translateY(1rem);
  -moz-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  -o-transform: translateY(1rem);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;}
.indexP2 .runpic-pic .item.on .conLayer{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.indexP2 .runpic-pic .name{ font-size: 0.3rem; line-height: 0.42rem; font-weight: bold; }
.indexP2 .runpic-pic .content{ margin-top: 0.15rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; }
.indexP2 .runpic-pic .more{ display: block; margin-top: 10px; box-sizing: border-box; border: #fff solid 1px; width: 1.5rem; height: 0.5rem; line-height: 0.48rem; color: #fff; font-size: 0.16rem; border-radius: 0.12rem; text-align: center;}
.indexP2 .runpic-pic .more:hover{ background: #ff7500; border: #ff7500 solid 1px; }

.indexP2 .tab-box { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%;}
.indexP2 .tab-box:after{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: rgba(255,255,255,0.25); }
.indexP2 .tab-box dd { float: left; cursor: pointer; text-align: center; width: 25%; height: 1.2rem; position: relative; background: rgba(0,0,0,0.25);}
.indexP2 .tab-box dd:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.25); }
.indexP2 .tab-box dd:nth-child(4n):after { display: none;}
.indexP2 .tab-box .inner{ position: relative; padding-left: 50%; padding-right: 30px; height: 100%; text-align: left; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;}
.indexP2 .tab-box .icon{ position: absolute; left: 29%; top: 50%; margin-top: -0.27rem; }
.indexP2 .tab-box .icon img{ width: 0.72rem; }
.indexP2 .tab-box p{ font-size: 0.18rem; line-height: 0.24rem; color: #fff; }
.indexP2 .tab-box dd.on { background: #ff7500;}
.indexP2 .tab-box a{ display: block; width: 100%; height: 100%;}
.indexP2 .tab-box a:hover p{ color: #ff7500; }

.indexP3{ padding: 1.3rem 0; }
.indexP3 .toptop{ position: relative; }
.indexP3 .title{ font-size: 0.42rem; line-height: 0.42rem; color: #000; font-weight: bold; }
.indexP3 .more{ position: absolute; right: 0; bottom: 0; font-size: 0.16rem; }
.indexP3 .list{ padding-top: 0.6rem; }
.indexP3 .list ul{ margin-right: -0.48rem; }
.indexP3 .list li{ float: left; width: 33.33%; }
.indexP3 .list li .box{ margin-right: 0.48rem; }
.indexP3 .list li a{ display: block; background: #fff; height: 2.2rem; padding: 0.35rem 0.25rem 0; border-radius: 0.12rem; box-sizing: border-box; box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.12);}
.indexP3 .list li .name{ font-size: 0.3rem; color: #000; font-weight: bold; line-height: 0.46rem; height: 0.92rem; }
.indexP3 .list li .botDiv{ margin-top: 0.3rem; font-family: light; font-size: 0.18rem; background: url(../images/ico1.png) right center no-repeat;}
.indexP3 .list li em{ color: #999; padding-right: 8px;}
.indexP3 .list li span{ color: #ff7500; position: relative; padding-left: 14px; font-family:bold;}
.indexP3 .list li span:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 6px; height: 2px; background: #999; }
.indexP3 .list li a:hover{ background: #ff7500; }
.indexP3 .list li a:hover .name, .indexP3 .list li a:hover em, .indexP3 .list li a:hover span{ color: #fff; }
.indexP3 .list li a:hover .botDiv{ background: url(../images/ico1on.png) right center no-repeat;}
.indexP3 .list li a:hover span:before{ background: #fff; }

.indexP4{ height: 5.5rem; background: center no-repeat; background-size: cover; color: #fff; }
.indexP4 .title{ font-weight: bold; font-size: 0.4rem; line-height: 0.4rem; }
.indexP4 .txt{ font-size: 0.3rem; line-height: 0.3rem; padding: 0.4rem 0 0.3rem; }
.indexP4 .num{ font-size: 0.48rem; font-family: bold; }
.indexP4 .num em{ font-size: 0.66rem; }
.indexP4 .wen{ padding: 0.1rem 0 0.6rem; font-size: 0.18rem; line-height: 0.18rem; }
.indexP4 .wen li{ float: left; padding-right: 0.3rem; }
.indexP4 .wen em{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.indexP4 .wen img{ padding: 0 0.06rem; }
.indexP4 .more{ display: block; color: #fff; font-size: 0.16rem; line-height: 0.16rem; }
.indexP4 .more:hover{ color: #ff7500; }

.product .list li{ margin-bottom: 0.5rem; }
.product .list li a{ display: block; padding-left: 1.0rem; height: 3.8rem; background: #dcdcdd; position: relative; overflow: hidden; border-radius: 0.16rem;}
.product .list li .limg{ position: absolute; right: 0; top: 0; z-index: 1; width: 50%; height: 3.8rem; }
.product .list li .limg img{ width: 100%; height: 100%; object-fit: cover; }
.product .list li .conDiv{ padding-top: 0.6rem; width: 6.2rem; position: relative; z-index: 2;}
.product .list li .name{ font-size: 0.36rem; line-height: 0.36rem; color: #333; position: relative; height: 0.65rem; font-family: regular; }
.product .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; border-radius: 4px; background: #ff7500; }
.product .list li .content{ margin-top: 0.2rem; font-size: 0.16rem; color: #666; line-height: 0.3rem; height: 1.2rem; text-align: justify; font-family: light; }
.product .list li .more{ position: absolute; left: 1.0rem; bottom: 0.4rem; opacity: 0; visibility: hidden; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; text-align: center; font-size: 0.16rem; color: #ff7500; background: #fff; border-radius: 0.12rem; }
.product .list li a:hover{ background: #ff7500;}
.product .list li a:hover .name, .product .list li a:hover .content{ color: #fff; }
.product .list li a:hover .name:after{ background: #fff; }
.product .list li a:hover .more{ opacity: 1; visibility: visible; bottom: 0.5rem; }

.soluTab ul{ margin-right: -0.35rem; }
.soluTab li{ float: left; width: 20%; padding-bottom: 0.2rem; }
.soluTab li .box{ margin-right: 0.35rem; }
.soluTab li a{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; position: relative; padding-left: 0.9rem; padding-right: 0.1rem; height: 0.58rem; border: #dfdfdf solid 1px; border-radius: 0.12rem; }
.soluTab li .ico{ position: absolute; left: 0.4rem; top: 50%; margin-top: -15px; }
.soluTab li .name{ font-size: 0.18rem; color: #000;/* line-height: 0.58rem;*/ overflow: hidden; }
.soluTab li .aNow{ border: #ff7500 solid 1px;}
.soluTab li a:hover{ color: #ff7500; }

.solution .list{ padding: 0.2rem 0; }
.solution .list ul{ margin-right: -0.4rem; }
.solution .list li{ float: left; width: 33.33%; padding-bottom: 0.4rem; }
.solution .list li .box{ margin-right: 0.4rem;}
.solution .list li a{ display: block; position: relative; overflow: hidden; border-radius: 0.2rem;}
.solution .list li .imgDiv{ height: 3.15rem; }
.solution .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.solution .list li .txt{ width: 100%; height: 0.8rem; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 1; }
.solution .list li .txt .name{ font-size: 0.2rem; height: 0.8rem; line-height: 0.8rem; padding:0 0.4rem; overflow:hidden; }
.solution .list li .txt .name em{ position: relative; display: block; }
.solution .list li .txt .name em:after{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.4); }
.solution .list li .txt .name em:before{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 0.7rem; height: 1px; background: #fff; z-index: 1; }
.solution .list li .txt p{ font-size: 0.16rem; margin-top: 0.25rem; line-height: 0.3rem; padding: 0 0.4rem; height: 1.2rem; overflow:hidden; }
.solution .list li .txt.on{ height: 100%; background: rgba(238,119,0,0.9); }
.solution .list li .txt.on .name em:after, .solution .list li .txt.on .name em:before{ opacity: 1; }

.investorP1 .pjDiv{ position: relative; overflow: hidden; height: 2.64rem; padding: 0 1.0rem 0 4.8rem; background: #f3f6fa; border-radius: 0.24rem; }
.investorP1 .pjDiv .conDiv{ position: absolute; left: 0; top: 0; width: 3.84rem; height: 2.64rem; padding-left: 0.7rem; box-sizing: border-box; background: url(../images/nimg384Bg.jpg) center no-repeat; background-size: cover; }
.investorP1 .pjDiv .name{ padding-top: 0.6rem; font-size: 0.24rem; line-height: 0.24rem; color: #fff; }
.investorP1 .pjDiv .code{ font-family: bold; font-size: 0.36rem; line-height: 0.36rem; padding: 0.2rem 0 0.5rem; color: #fff; }
.investorP1 .pjDiv .zi{ font-size: 14px; color: #fff; line-height: 14px; }
.investorP1 .pjDiv .toptop{ padding-top: 0.6rem; overflow: hidden; height: 1.35rem; }
.investorP1 .pjDiv .mxf{ padding-top: 0.15rem; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; }
.investorP1 .pjDiv .num{ font-size: 0.6rem; color: #ff7500; font-family: bold; line-height: 0.52rem; }
.investorP1 .pjDiv .wen{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; text-transform: uppercase; padding-left: 0.25rem; font-size: 0.24rem; line-height: 0.24rem; color: #ff7500; font-family: bold; }
.investorP1 .pjDiv .wen2{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; text-transform: uppercase; padding-left: 0.25rem; font-size: 0.24rem; line-height: 0.24rem; color:#ff7500; font-family: bold;}
.investorP1 .pjDiv .wen img, .investorP1 .pjDiv .wen2 img{ position: relative; top: -4px; margin-right: 0.12rem; }
.investorP1 .list li{ float: left; position: relative; padding-right: 0.7rem;}
.investorP1 .list li:last-child{ padding-right: 0; }
.investorP1 .list li p{ font-size: 0.16rem; line-height: 0.16rem; height: 0.42rem; }
.investorP1 .list li .txt{ font-family: bold; font-size: 0.24rem; line-height: 0.24rem; color: #ff7500; }
.investorP1 .tips{ font-size: 0.16rem; line-height: 0.16rem; color: #888; }

.investorP1 .title{ padding-top: 1.1rem; position: relative; text-align: center; height: 0.75rem; font-weight: bold; color: #333; font-size: 0.42rem; line-height: 0.42rem; }
.investorP1 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -22px; bottom: 0; width: 45px; height: 4px; background: #ff7500; }
.investorP1 .lie{ padding-top: 0.6rem; }
.investorP1 .lie ul{ margin-right: -0.4rem; }
.investorP1 .lie li{ float: left; width: 50%; padding-bottom: 0.3rem; }
.investorP1 .lie li .box{ margin-right: 0.4rem; }
.investorP1 .lie li a{ display: block; height: 0.8rem; position: relative; padding: 0 0.9rem 0 1.5rem; background: #fff; border-radius: 0.12rem; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);}
.investorP1 .lie li .time{ position: absolute; left: 0.4rem; top: 0; font-size: 0.18rem; line-height: 0.8rem; color: #ff7500; font-family: regular; }
.investorP1 .lie li .name{ height: 0.8rem; font-size: 0.16rem; line-height: 0.3rem; color: #333; text-transform: uppercase; overflow:hidden; }
.investorP1 .lie li .name em{ height: 0.8rem; display: table-cell; vertical-align: middle;}
.investorP1 .lie li .ico{ position: absolute; right: 0.4rem; top: 50%; width: 29px; height: 40px; margin-top: -20px; }
.investorP1 .lie li .ico .img1{ display: none; }
.investorP1 .lie li a:hover{background: #ff7500;}
.investorP1 .lie li a:hover .time{ color: #fff; }
.investorP1 .lie li a:hover .name{ color: #fff; }
.investorP1 .lie li a:hover .ico img{ display: none; }
.investorP1 .lie li a:hover .ico .img1{ display: inline-block; }

.investorP1 .moreBtn{ margin: 0.3rem auto 0; width: 1.6rem; }
.investorP1 .moreBtn a{ display: block; width: 100%; height: 0.5rem; line-height: 0.5rem; text-align: center; background: #ff7500; font-size: 14px; color: #fff; border-radius: 0.12rem; }

.investorP2{ background: #f3f6fa; padding: 1.1rem 0; }
.investorP2 .conDiv{ width: 5.6rem; }
.investorP2 .title{ position: relative; height: 0.75rem; font-weight: bold; color: #333; font-size: 0.42rem; line-height: 0.42rem; }
.investorP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; border-radius: 4px; background: #ff7500; }
.investorP2 .name{ padding: 0.6rem 0 0.3rem; color: #72757a; font-size: 0.24rem; line-height: 0.24rem; font-weight: bold; }
.investorP2 .list li{ font-size: 0.16rem; line-height: 0.16rem; color: #72757a; padding-bottom: 0.3rem; }
.investorP2 .list li:last-child{ padding-bottom: 0; }
.investorP2 .rightImg{ width: 7.68rem; border-radius: 0.2rem; overflow: hidden; }
.investorP2 .rightImg img{ width: 100%; }

.news .detail a{ display: block; padding: 0 0.9rem 0 8.5rem; height: 4.3rem; background: #f3f6fa; position: relative; border-radius: 0.2rem; overflow: hidden;}
.news .detail .imgDiv{ position: absolute; left: 0; top: 0; width: 7.68rem; height: 4.3rem; overflow: hidden;}
.news .detail .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .detail .time{ padding: 0.75rem 0 0.2rem; font-size: 0.18rem; line-height: 0.18rem; font-family: light; color: #ff7500; }
.news .detail .name{ font-size: 0.24rem; line-height: 0.42rem; overflow: hidden; height: 0.42rem; color: #000; font-weight: bold; }
.news .detail .content{ margin-top: 0.2rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; color: #666; }
.news .detail .more{ margin-top: 0.5rem; width: 1.6rem; height: 0.48rem; line-height: 0.48rem; border: #bfbfbf solid 1px; border-radius: 0.12rem; color: #666; font-size: 0.16rem; text-align: center; }
.news .detail:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .detail:hover .name{ color: #ff7500; }
.news .detail:hover .more{ background: #ff7500; border: #ff7500 solid 1px; color: #fff; }

.news .list{ padding: 0.6rem 0 0.2rem; }
.news .list li{ padding-bottom: 0.4rem; }
.news .list li a{ display: block; position: relative; padding-left: 5.76rem; height: 3.0rem;}
.news .list li .imgDiv{ position: absolute; left: 0; top: 0; width: 4.8rem; height: 3.0rem; overflow: hidden;}
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .conDiv{ height: 3.0rem; position: relative; }
.news .list li .conDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #efefef; }
.news .list li .time{ padding-bottom: 0.2rem; font-size: 0.18rem; line-height: 0.18rem; font-family: light; color: #ff7500; }
.news .list li .name{ font-size: 0.24rem; line-height: 0.42rem; overflow: hidden; height: 0.42rem; color: #000; font-weight: bold; }
.news .list li .content{ margin-top: 0.12rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; color: #666; }
.news .list li .more{ margin-top: 0.5rem; width: 1.6rem; height: 0.48rem; line-height: 0.48rem; border: #bfbfbf solid 1px; border-radius: 0.12rem; color: #666; font-size: 0.16rem; text-align: center; }
.news .list li a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li a:hover .name{ color: #ff7500;}
.news .list li a:hover .more{ background: #ff7500; border: #ff7500 solid 1px; color: #fff; }

.download .links{ text-align: center; }
.download .links ul{ font-size: 0; }
.download .links li{ display: inline-block; margin: 0 30px; font-size: 0.16rem;}
.download .links li a{ display: block; width: 1.8rem; height: 0.6rem; line-height: 0.6rem; border-radius: 8px; background: #f3f6fa; color: #333;}
.download .links li .aNow{ background: #ff7500; color: #fff; }

.download .selectBox{ position: relative; z-index: 1; border-left: #e9e9e9 solid 1px; height: 68px; margin-top: 40px; }
.download .selectBox .liDiv{ width: 33.33%; position: relative; float: left; height: 68px; background: #fff;}
.download .selectBox .liDiv .txt{ position: absolute; left: 0.4rem; top: 0; z-index: 1; font-size: 0.16rem; line-height: 68px; color: #999; }
.download .selectBox .select dt{ height: 68px; line-height: 68px; width: 100%; border: 1px solid #e9e9e9; border-left:none; box-sizing: border-box; background: url(../images/ico2.png) no-repeat right center;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 5;}
.download .selectBox .select dt a{ font-size: 0.16rem; color: #999; position: relative; padding-right: 65px; display: block; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
.download .selectBox .select dd{ position: absolute;left: 0px;top: 68px;z-index: 10; width: 100%;} 
.download .selectBox .select dd ul { max-height: 240px; overflow-y: auto; border:#e9e9e9 solid 1px; border-top: none; padding: 0 0.4rem; background: #f7f7f7;} 
.download .selectBox .select dd ul::-webkit-scrollbar { width: 4px;}
.download .selectBox .select dd ul::-webkit-scrollbar-track { background-color: #e5e5e5;}
.download .selectBox .select dd ul::-webkit-scrollbar-thumb { background-color: #ff7500;} 
.download .selectBox .select dd li{ line-height: 60px; height: 60px; cursor: pointer; position: relative; color: #666; font-size: 14px;}
.download .selectBox .select dd li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e9e9e9; }
.download .selectBox .select dd li:last-child:after{ display: none; }
.download .selectBox .select dd li:hover{ color: #ff7500; }

.download .list{ padding: 0.5rem 0; }
.download .list ul{ margin-right: -0.6rem; }
.download .list li{ float: left; width: 50%; padding-bottom: 0.3rem; }
.download .list li .box{ margin-right: 0.6rem; }
.download .list li a{ display: block; height: 0.86rem; position: relative; padding: 0 0.9rem 0 0.4rem; background: #fff; border: #f2f0ea solid 2px; }
.download .list li .name{ height: 0.86rem; font-size: 0.18rem; line-height: 0.3rem; font-weight: bold; color: #333; text-transform: uppercase; overflow:hidden; }
.download .list li .name em{ height: 0.86rem; display: table-cell; vertical-align: middle;}
.download .list li .ico{ position: absolute; right: 0.4rem; top: 50%; width: 29px; height: 40px; margin-top: -20px; }
.download .list li .ico .img1{ position: absolute; left: 0; top: 0; opacity: 0; }
.download .list li a:hover{ border: #fff solid 2px; box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.07);}
.download .list li a:hover .name{ color: #ff7500; }
.download .list li a:hover .ico img{ opacity: 0;}
.download .list li a:hover .ico .img1{ opacity: 1; }

.download .lie{ padding: 0.5rem 0; }
.download .lie ul{ margin-right: -0.6rem; }
.download .lie li{ float: left; width: 50%; padding-bottom: 0.3rem; }
.download .lie li .box{ margin-right: 0.6rem; height: 0.86rem; position: relative; padding-left: 0.4rem; padding-right: 180px; background: #fff; border: #f2f0ea solid 2px; }
.download .lie li .name{ height: 0.86rem; font-size: 0.18rem; line-height: 0.3rem; font-weight: bold; color: #333; text-transform: uppercase; overflow:hidden; }
.download .lie li .name em{ height: 0.86rem; display: table-cell; vertical-align: middle;}
.download .lie li .icoList{ position: absolute; right: 0.3rem; top: 50%; margin-top: -20px; }
.download .lie li .icoList dd{ float: left; position: relative; width: 38px; height: 40px; margin-left: 15px; }
.download .lie li .icoList dd .img1{ position: absolute; left: 0; top: 0; opacity: 0; }
.download .lie li .box:hover{ border: #fff solid 2px; box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.07);}
.download .lie li .box:hover .name{ color: #ff7500; }
.download .lie li .box dd:hover img{ opacity: 0;}
.download .lie li .box dd:hover .img1{ opacity: 1; }

.contactBox{ padding: 0 0 1.2rem; }
.contact{ margin-top: -1.0rem; position: relative; z-index: 2; }
.contact .mxfDiv{ padding: 0.8rem 1.65rem; background: #fff; border-radius: 0.24rem; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); }
.contact .form{ overflow: hidden; }
.contact .form ul{ margin-right: -0.65rem; }
.contact .form li{ float: left; width: 50%; padding-bottom: 0.25rem; }
.contact .form .li01{ width: 100%; }
.contact .form li .box{ margin-right: 0.65rem; }
.contact .form li .txt{ font-size: 0.16rem; line-height: 0.16rem; color: #333; height: 0.3rem; }
.contact .form li .txt em{ color: #ff0000; }
.contact .form li .hala{ position: relative; height: 0.6rem; }
.contact .form li .hala2{ padding-right: 2.05rem; }
.contact .form li .input1{ box-sizing: border-box; width: 100%; padding-left: 0.3rem; height: 0.5rem; line-height: 0.5rem; color: #999; font-size: 0.16rem; background: #f1f1f1; border-radius: 0.08rem;}
.contact .form li .input1::-webkit-input-placeholder{ /* WebKit browsers */ color: #999; opacity: 1;}
.contact .form li .input1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1;}
.contact .form li .input1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1;}
.contact .form li .input1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; opacity: 1;}
.contact .form li .yzm{ position: absolute; right: 0; top: 0; width: 1.8rem; text-align: center; background: #ff7500; color: #fff; font-size: 0.16rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.08rem;}
.contact textarea{ width: 100%; height: 1.2rem; box-sizing: border-box; padding: 0.1rem 0.3rem; font-size: 0.16rem; line-height: 0.24rem; color: #999; background: #f1f1f1; border-radius: 0.08rem;}
.contact textarea::-webkit-input-placeholder{ /* WebKit browsers */ color: #999; opacity: 1;}
.contact textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1;}
.contact textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1;}
.contact textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; opacity: 1;}

.contact .form .hide{ display: none; width: 100%; float: right; overflow: hidden; }
.contact .selgroup{ float: right; width: 48%; }
.contact .selgroup .pj{ width: 30%; float: left; margin-left:10px; }
.contact select { border-radius: 0.08rem; color: #999; font-size: 0.16rem; width: 100%; box-sizing: border-box; height: 0.5rem; border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  outline: none;
  cursor: pointer;
  padding-left: 0.3rem;
  background: #f1f1f1 url(../images/selectIco3.png) no-repeat scroll right 0.05rem center;
}


.contact .select{ position: relative; width: 100%;}
.contact .select .caption { position: relative; background: #f1f1f1; box-sizing: border-box; padding-left: 0.3rem; cursor: pointer; height: 0.5rem; line-height: 0.5rem; font-size: 0.16rem; color: #999; border-radius: 0.08rem;}
.contact .select .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.contact .select .caption:after { content: ""; display: block; width: 15px; height: 8px; background: url(../images/selectIco.png) no-repeat center; position: absolute; right: 0.3rem; top: 50%; margin-top: -4px; z-index: 2;}
.contact .select .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 3; background: #fff; border:#f1f1f1 solid 1px; border-top:none; max-height: 2.0rem; overflow-y: auto; display: none; box-sizing: border-box; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 0.08rem;}
.contact .select .xlist::-webkit-scrollbar { width: 4px;}
.contact .select .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.contact .select .xlist::-webkit-scrollbar-thumb { background-color: #ff7500;}
.contact .select .xlist a { position:relative; display: block; font-size: 0.16rem; color: #999; height: 0.5rem; line-height: 0.5rem; padding: 0 0.3rem;}
.contact .select .xlist a:hover, .contact .select .xlist a.on { color: #ff7500;}
.contact .multiple{ overflow: hidden; }
.contact .multiple dd{ float: left; cursor: pointer; width: 25%; padding-left: 22px; background: url(../images/nimg18_1.png) left center no-repeat; box-sizing: border-box; font-size: 0.14rem; line-height: 32px; color: #333; }
.contact .multiple .ddNow{ background: url(../images/nimg18_1on.png) left center no-repeat;}
.contact .btnDiv{ padding-top: 0.1rem; }
.contact .btnDiv a{ display: block; width: 2.1rem; height: 0.56rem; line-height: 0.56rem; text-align: center; font-size: 0.16rem; border-radius: 0.08rem; background: #ff7500; color: #fff;}

.videoModal-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  align-items: center;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.videoModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.peopleLayer { width: 1200px; margin: 0 auto; background: #fff; padding: 50px; position: relative; box-sizing: border-box;}
.peopleLayer .close{position: absolute; display: block; right: 10px; top: 10px; width:30px; height: 30px; background: url(../images/close2.png) no-repeat;transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.peopleLayer .close:hover { transform: rotate(-90deg);}
.peopleLayer video{ width:100%;}

.productShow .title{ font-size: 0.3rem; line-height: 0.3rem; position: relative; height: 0.52rem; color: #333; }
.productShow .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 2px; background: #ff7500;}
.productShow .msgList{ padding: 0.25rem 0 0.5rem; }
.productShow .msgList li{ font-size: 16px; line-height: 30px; padding-left: 18px; position: relative; }
.productShow .msgList li:before{ content: ''; position: absolute; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 50%; background: #ff7500; }
.productShow .content{ padding: 0.2rem 0 0.5rem; font-size: 16px; line-height: 30px; text-align: justify; }
.productShow .links{ margin: 0.3rem 0 0.6rem; background: #f3f6fa; padding: 0.4rem 0.3rem 0.2rem; border-radius: 0.12rem; }
.productShow .links ul{ margin-right: -0.2rem; }
.productShow .links li{ float: left; width: 20%; padding-bottom: 0.2rem; font-size: 0.16rem;}
.productShow .links li .lbox{ margin-right: 0.2rem; }
.productShow .links li a{ position: relative; height: 0.58rem; padding:0 0.2rem; border-radius: 0.08rem; border: #ff7500 solid 1px; text-align: center; }
.productShow .links li a:after{ content: ''; opacity: 0; position: absolute; right: 0.25rem; top: 50%; margin-top: -5px; width: 16px; height: 11px; background: url(../images/nimg16_3.png) no-repeat; }
.productShow .links li a:hover{ background: #ff7500; color: #fff; text-align: left; padding: 0 0.6rem 0 0.3rem; }
.productShow .links li a:hover:after{ opacity: 1; right: 0.35rem; }
.productShow .typeBox{ border-bottom: #ededed solid 1px; padding: 0.3rem 0; }
.productShow .txt{ font-size: 0.3rem; line-height: 0.3rem; color: #ff7500; padding-bottom: 0.05rem; font-family: regular;}
.productShow .msg{ padding: 0.2rem 0; font-size: 16px; line-height: 30px; text-align: justify; }
.productShow .btnGroup li{ float: left; margin-right: 30px; font-size: 0.16rem; }
.productShow .btnGroup li a{ display: block; width: 1.58rem; height: 0.48rem; line-height: 0.48rem; text-align: center; border: #bfbfbf solid 1px; border-radius: 0.08rem; color: #666; }
.productShow .btnGroup li a:hover{ background: #ff7500; border: #ff7500 solid 1px; color: #fff;}

.productShow .botForm{ margin-top: 0.5rem; background: #f3f6fa; border-radius: 0.12rem; padding: 0.5rem 1.8rem 0.6rem; }
.productShow .zi{ text-align: center; font-size: 0.24rem; color: #333; line-height: 0.36rem; }
.productShow .form{ padding-top: 0.3rem; }
.productShow .form ul{ margin-right: -0.45rem; }
.productShow .form li{ float: left; width: 50%; padding-bottom: 0.25rem; }
.productShow .form .li01{ width: 100%; }
.productShow .form li .box{ margin-right: 0.45rem; }
.productShow .form li .txt{ font-size: 0.16rem; line-height: 0.16rem; color: #333; height: 0.3rem; }
.productShow .form li .txt em{ color: #ff0000; padding-left: 5px; }
.productShow .form li .hala{ position: relative; height: 0.6rem; }
.productShow .form li .hala2{ padding-right: 2.05rem; }
.productShow .form li .input1{ box-sizing: border-box; width: 100%; padding-left: 0.3rem; height: 0.5rem; line-height: 0.5rem; color: #999; font-size: 0.16rem; background: #fff; border-radius: 0.08rem;}
.productShow .form li .input1::-webkit-input-placeholder{ /* WebKit browsers */ color: #999; opacity: 1;}
.productShow .form li .input1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1;}
.productShow .form li .input1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1;}
.productShow .form li .input1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; opacity: 1;}
.productShow .form li .yzm{ position: absolute; right: 0; top: 0; width: 1.8rem; text-align: center; background: #ff7500; color: #fff; font-size: 0.16rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.08rem;}
.productShow textarea{ width: 100%; height: 1.2rem; box-sizing: border-box; padding: 0.1rem 0.3rem; font-size: 0.16rem; line-height: 0.24rem; color: #999; background: #fff; border-radius: 0.08rem;}
.productShow textarea::-webkit-input-placeholder{ /* WebKit browsers */ color: #999; opacity: 1;}
.productShow textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; opacity: 1;}
.productShow textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; opacity: 1;}
.productShow textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; opacity: 1;}

.productShow .form .hide{ display: none; width: 100%; float: right; overflow: hidden; }
.productShow .selgroup{ float: right; width: 48%; }
.productShow .selgroup .pj{ width: 30%; float: left; margin-left:10px; }
.productShow select { border-radius: 0.08rem; color: #999; font-size: 0.16rem; width: 100%; box-sizing: border-box; height: 0.5rem;  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  outline: none;
  cursor: pointer;
  padding-left: 0.3rem;
  background: #fff url(../images/selectIco3.png) no-repeat scroll right 0.05rem center;
}

.productShow .select{ position: relative; width: 100%;}
.productShow .select .caption { position: relative; background: #fff; box-sizing: border-box; padding-left: 0.3rem; cursor: pointer; height: 0.5rem; line-height: 0.5rem; font-size: 0.16rem; color: #999; border-radius: 0.08rem;}
.productShow .select .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.productShow .select .caption:after { content: ""; display: block; width: 15px; height: 8px; background: url(../images/selectIco.png) no-repeat center; position: absolute; right: 0.3rem; top: 50%; margin-top: -4px; z-index: 2;}
.productShow .select .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 3; background: #fff; border:#f1f1f1 solid 1px; border-top:none; max-height: 2.0rem; overflow-y: auto; display: none; box-sizing: border-box; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 0.08rem;}
.productShow .select .xlist::-webkit-scrollbar { width: 4px;}
.productShow .select .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.productShow .select .xlist::-webkit-scrollbar-thumb { background-color: #ff7500;}
.productShow .select .xlist a { position:relative; display: block; font-size: 0.16rem; color: #999; height: 0.5rem; line-height: 0.5rem; padding: 0 0.3rem;}
.productShow .select .xlist a:hover, .productShow .select .xlist a.on { color: #ff7500;}
.productShow .multiple{ overflow: hidden; }
.productShow .multiple dd{ float: left; cursor: pointer; width: 25%; padding-left: 22px; background: url(../images/nimg18_1.png) left center no-repeat; box-sizing: border-box; font-size: 0.14rem; line-height: 32px; color: #333; }
.productShow .multiple .ddNow{ background: url(../images/nimg18_1on.png) left center no-repeat;}
.productShow .btnDiv{ padding-top: 0.35rem; width: 2.1rem; margin: 0 auto;}
.productShow .btnDiv a{ display: block; width: 2.1rem; height: 0.56rem; line-height: 0.56rem; text-align: center; font-size: 0.16rem; border-radius: 0.08rem; background: #ff7500; color: #fff;}

.orangeColor { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9000}
.orangeColor.hide { pointer-events: none;}
.orangeColor_bg { background-color: #000; height: 100%; left: 0; position: fixed; top: 0; transform: scaleX(1); transform-origin: 100% 0; transition: .8s cubic-bezier(.14,1,.34,1) .2s; width: 100%; z-index: 1}
.hide .orangeColor_bg { transform: scaleX(0)}
.orangeColor_bg:after { background-color: #ff7500; content: ""; height: 100%; left: 0; position: absolute; top: 0; transform: scaleX(0); transform-origin: 0 0; transition: .8s cubic-bezier(.14,1,.34,1) 0s; width: 100%}
.hide .orangeColor_bg:after { transform: scaleX(1)}

.orangeColor_inner { align-items: center; display: flex; height: 100%; justify-content: center; position: relative; width: 100%; z-index: 2}
.orangeColor_logo { transition: .8s cubic-bezier(.14,1,.34,1) 0s,opacity .3s cubic-bezier(.215,.61,.355,1) 0s}
.orangeColor_logo img { height: 32px; width: 260px;}
.hide .orangeColor_logo { opacity: 0; transform: translateX(60px);}

.aboutP1{ padding-bottom: 1.1rem; }
.aboutP1 .mxfDiv{ padding-bottom: 0.8rem; overflow: hidden; }
.aboutP1 .leftDiv{ width: 5.8rem; }
.aboutP1 .name{ position: relative; font-size: 0.42rem; line-height: 0.42rem; color: #333; font-weight: bold; padding-bottom: 0.35rem; }
.aboutP1 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; background: #ff7500; }
.aboutP1 .txt{ font-size: 0.3rem; color: #000; padding: 0.5rem 0; }
.aboutP1 .numList{ height: 1.3rem; }
.aboutP1 .numList li{ float: left; width: 1.35rem; }
.aboutP1 .numList li:last-child{ float: right; width: auto; }
.aboutP1 .numList li .pj{ height: 0.55rem; }
.aboutP1 .numList li .num{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.aboutP1 .numList li .numUp{ font-family: regular; font-size: 0.48rem; line-height: 0.42rem; color: #333; padding-right: 0.1rem;}
.aboutP1 .numList li span{ font-size: 0.16rem; height: 0.36rem; color: #333; position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.aboutP1 .numList li img{ position: absolute; left: 0; top: 0; }
.aboutP1 .numList li p{ font-size: 0.16rem; line-height: 0.16rem; }
.aboutP1 .btnDiv a{ display: block; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #fff; font-size: 0.16rem; background: #ff7500; border-radius: 0.08rem; }
.aboutP1 .rightCon{ width: 8.15rem; font-size: 0.16rem; line-height: 0.32rem; color: #333; text-align: justify; }

.aboutP1 .videobox{ width: 100%; position: relative; overflow: hidden; border-radius: 0.24rem;}
.aboutP1 .videobox .imgDiv{ height: 6.7rem; }
.aboutP1 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.aboutP1 .videobox video{ max-width:100%; max-height: 6.7rem; position:absolute;top:50%;left:0; right: 0; margin: 0 auto; transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:cover;}
.aboutP1 .videobox.cur{ background:#000;}
.aboutP1 .videobox.cur .imgDiv,.aboutP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.aboutP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.aboutP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 63px; height: 63px; margin-left:-32px; margin-top:-32px; z-index:1;}
.aboutP1 .videobox .playbox:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/play.png) no-repeat; }
.aboutP1 .videobox .playbox .dwq{ position: absolute; right: 50%; top: 50%; margin-right: -55px; margin-top: -55px; width: 110px; height: 110px; z-index: -1; }
.aboutP1 .videobox .playbox .pulse2{position:absolute;top:50%;left:50%; margin-left: -55px; margin-top: -55px; height:110px;width:110px;border:2px solid #fff; box-sizing: border-box; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 4px #fff,0 0 10px #fff inset;-moz-box-shadow:0 0 4px #fff,0 0 10px #fff inset;box-shadow:0 0 4px #fff,0 0 10px #fff inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.aboutP1 .videobox .playbox .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.aboutP1 .videobox .playbox .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.aboutP1 .videobox .playbox .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}

.aboutP2{ padding-top: 1.1rem; height: 7.68rem; background: center no-repeat; background-size: cover; box-sizing: border-box;}
.aboutP2 .title{ position: relative; font-size: 0.42rem; line-height: 0.42rem; color: #333; font-weight: bold; padding-bottom: 0.35rem; }
.aboutP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; background: #ff7500; }
.aboutP2 .list{ padding-top: 0.32rem; width: 7.7rem;}

.aboutP2 .list li{ cursor: pointer; border-bottom: #a6afb5 dashed 1px; padding: 0.24rem 0; }
.aboutP2 .list li .txt{ color: rgba(51,51,51,0.8); font-size: 0.24rem; line-height: 0.3rem; padding-right: 1.2rem; background: url(../images/nimg20_4.png) right 5px no-repeat; }
.aboutP2 .list li .msg{ margin-top: 0.2rem; display: none; font-size: 0.16rem; color: #333; line-height: 0.3rem; padding-right: 8px;}
.aboutP2 .list li .msg::-webkit-scrollbar { width: 4px;}
.aboutP2 .list li .msg::-webkit-scrollbar-track { background-color: #f6f6f6;}
.aboutP2 .list li .msg::-webkit-scrollbar-thumb { background-color: #ff7500;} 
.aboutP2 .list .on .txt{ background: url(../images/nimg20_4on.png) right 5px no-repeat; color: #333; font-weight: bold; }
.aboutP2 .list .on .msg{display: -webkit-box; max-height: 0.9rem; overflow: auto;}

.aboutP3{ padding: 1.1rem 0 1.0rem; position: relative; }
.aboutP3 .title{ position: relative; font-size: 0.42rem; line-height: 0.42rem; color: #333; font-weight: bold; padding-bottom: 0.35rem; }
.aboutP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; background: #ff7500; }
.aboutP3 .txt{ position: relative; padding-left: 60px; margin-top: 0.6rem; font-size: 0.3rem; line-height: 30px; color: #333; font-weight: bold; }
.aboutP3 .txt .ico{ position: absolute; left: 0; top: 0; width: 40px; height: 30px; }
.aboutP3 .txt .ico:before{ content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; border-radius: 50%; background: #ff7500; z-index: 1; animation: leftRight 1s infinite alternate linear; -webkit-animation: leftRight 1s infinite alternate linear;}
.aboutP3 .txt .ico:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 16px; height: 16px; border-radius: 50%; background: #f1902e; animation: rightLeft 1s infinite alternate linear; -webkit-animation: rightLeft 1s infinite alternate linear;}
.aboutP3 .content{ padding-top: 0.2rem; font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }
.aboutP3 .content2{ color: #333; display:none;}
.aboutP3 .list{ padding-top: 0.6rem; }
.aboutP3 .list ul{ margin-right: -0.74rem; }
.aboutP3 .list li{ float: left; width: 33.33%; }
.aboutP3 .list li .box{ background: #f6f7f8; margin-right: 0.74rem; border-radius: 0.16rem; overflow: hidden;}
.aboutP3 .list li .imgDiv{ height: 2.83rem; overflow: hidden; }
.aboutP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP3 .list li .botDiv{ height: 2.5rem; padding: 0.35rem 0.45rem 0; box-sizing: border-box;}
.aboutP3 .list li .name{ font-size: 0.24rem; line-height: 0.4rem; color: #333; font-weight: bold; }
.aboutP3 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; padding-top: 0.1rem; }
.aboutP3 .list li .box:hover{ background: #fff; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.08);  }
.aboutP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.aboutP3 .list li .box:hover .name{ color: #ff7500; }

.aboutP3 .str2 .pjDiv{display: flex; display: -webkit-flex;  align-items: center; -webkit-align-items: center; padding: 0.35rem 0; height: 1.5rem; overflow: hidden; }
.aboutP3 .str2 .lbox{ display: inline-block; margin-right: 0.24rem;}
.aboutP3 .str2 .imgDiv{ width: 2.36rem; height: 1.5rem; border-radius: 0.12rem; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.08);}
.aboutP3 .str2 .imgDiv img{ max-width: 1.8rem; max-height: 1.0rem; }

.str_wrap { overflow: hidden; width: 100%; position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space: nowrap;}
.str_move { white-space: nowrap; position: absolute; top: 0; left: 0;/* cursor: move;*/}
.str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0;}
.str_vertical .str_move_clone { left: 0; top: 100%;}
.str_down .str_move_clone { left: 0; bottom: 100%;}
.str_vertical .str_move,.str_down .str_move { white-space: normal; width: 100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move { cursor: inherit;}

.waveWrapper { overflow: hidden; position: absolute; left: 0; width: 100%; bottom: 0; height: 150px; z-index: 5; pointer-events: none;}
.waveWrapperInner { position: absolute; width: 100%; overflow: hidden; height:150px; bottom: 0;}
.wave { position: absolute; left: 0; width: 200%; height: 100%; background-repeat: repeat no-repeat; background-position: 0 bottom; transform-origin: center bottom;}
.waveMiddle { background-size: 50% 55px;}
.waveAnimation .waveMiddle { animation: move_wave 10s linear infinite;}

.w1572{ width: 15.72rem; margin: 0 auto; }
.aboutP3 .mapImg{ padding-top: 0.6rem; }
.aboutP3 .mapImg img{ width: 100%; }
.aboutP3 .mapDiv{ position: relative; margin-top: 0.6rem; height: 7.61rem; background: url(../images/globalMap.png) no-repeat; background-size: cover; }
.aboutP3 .mapDiv li{ position: absolute; width: 0.12rem; height: 0.16rem; cursor: pointer;}
.aboutP3 .mapDiv li:before{ content: ''; position: absolute; left: 0; top: 0; width: 0.15rem; height: 0.2rem; background: url(../images/nimg15Bg2.png) no-repeat; background-size: 0.15rem;  animation: upDown 0.5s infinite alternate linear; -webkit-animation: upDown 0.5s infinite alternate linear;}
.aboutP3 .mapDiv li.orange:before{ background: url(../images/nimg15Bg.png) no-repeat; background-size: 0.15rem;}
.aboutP3 .mapDiv li:nth-child(1){ right: 22%; bottom: 49%; }
.aboutP3 .mapDiv li:nth-child(2){ right: 22.1%; bottom: 53.5%; }
.aboutP3 .mapDiv li:nth-child(3){ right: 19.6%; bottom: 54.3%; }
.aboutP3 .mapDiv li:nth-child(4){ right: 21%; bottom: 49%; }
.aboutP3 .mapDiv li:nth-child(5){ left: 15%; top: 22.7%; }
.aboutP3 .mapDiv li:nth-child(6){ left: 17.1%; top: 31.5%; }
.aboutP3 .mapDiv li:nth-child(7){ left: 17.8%; top: 47.4%; }
.aboutP3 .mapDiv li:nth-child(8){ left: 20.7%; top: 51.3%; }
.aboutP3 .mapDiv li:nth-child(9){ left: 27.8%; top: 56.6%; }
.aboutP3 .mapDiv li:nth-child(10){ left: 26.3%; bottom: 39.2%; }
.aboutP3 .mapDiv li:nth-child(11){ left: 25.3%; bottom: 31.5%; }
.aboutP3 .mapDiv li:nth-child(12){ left: 34%; bottom: 19.7%; }
.aboutP3 .mapDiv li:nth-child(13){ left: 28.4%; bottom: 10.1%; }
.aboutP3 .mapDiv li:nth-child(14){ left: 26.6%; bottom: 2%; }

.aboutP3 .mapDiv li:nth-child(15){ left: 47%; top: 34.5%; }
.aboutP3 .mapDiv li:nth-child(16){ left: 49.3%; top: 27.8%; }
.aboutP3 .mapDiv li:nth-child(17){ left: 49.4%; top: 33.1%; }
.aboutP3 .mapDiv li:nth-child(18){ left: 50.8%; top: 27.3%; }
.aboutP3 .mapDiv li:nth-child(19){ left: 51.1%; top: 32.8%; }
.aboutP3 .mapDiv li:nth-child(20){ left: 51.7%; top: 23%; }
.aboutP3 .mapDiv li:nth-child(21){ left: 52.9%; top: 18.4%; }
.aboutP3 .mapDiv li:nth-child(22){ left: 52.8%; top: 24%; }
.aboutP3 .mapDiv li:nth-child(23){ left: 53.1%; top: 27.8%; }
.aboutP3 .mapDiv li:nth-child(24){ left: 54.5%; top: 19%; }

.aboutP3 .mapDiv li:nth-child(25){ left: 54.6%; top: 24.3%; }
.aboutP3 .mapDiv li:nth-child(26){ left: 55.7%; top: 21%; }
.aboutP3 .mapDiv li:nth-child(27){ left: 58%; top: 15.4%; }
.aboutP3 .mapDiv li:nth-child(28){ left: 57.5%; top: 20.7%; }
.aboutP3 .mapDiv li:nth-child(29){ left: 54.8%; top: 32.9%; }
.aboutP3 .mapDiv li:nth-child(30){ left: 55.6%; top: 28.6%; }
.aboutP3 .mapDiv li:nth-child(31){ left: 56.4%; top: 27.2%; }
.aboutP3 .mapDiv li:nth-child(32){ left: 58.1%; top: 31%; }
.aboutP3 .mapDiv li:nth-child(33){ left: 54.9%; top: 39.7%; }
.aboutP3 .mapDiv li:nth-child(34){ left: 57.3%; top: 38.9%; }

.aboutP3 .mapDiv li:nth-child(35){ left: 59.2%; top: 37.6%; }
.aboutP3 .mapDiv li:nth-child(36){ left: 59.2%; top: 43.9%; }
.aboutP3 .mapDiv li:nth-child(37){ left: 60.3%; top: 44%; }
.aboutP3 .mapDiv li:nth-child(38){ left: 61%; top: 45.2%; }
.aboutP3 .mapDiv li:nth-child(39){ left: 56.3%; top: 51.9%; }
.aboutP3 .mapDiv li:nth-child(40){ left: 53.9%; top: 60%; }
.aboutP3 .mapDiv li:nth-child(41){ left: 54.8%; top: 61.1%; }
.aboutP3 .mapDiv li:nth-child(42){ left: 52.7%; top: 82.1%; }
.aboutP3 .mapDiv li:nth-child(43){ left: 64.1%; top: 17.7%; }
.aboutP3 .mapDiv li:nth-child(44){ left: 62.4%; top: 34.7%; }

.aboutP3 .mapDiv li:nth-child(45){ left: 65.9%; top: 33.4%; }
.aboutP3 .mapDiv li:nth-child(46){ left: 66.6%; top: 39.4%; }
.aboutP3 .mapDiv li:nth-child(47){ left: 67.3%; top: 43%; }
.aboutP3 .mapDiv li:nth-child(48){ left: 70.2%; top: 46.3%; }
.aboutP3 .mapDiv li:nth-child(49){ left: 82%; top: 38.9%; }
.aboutP3 .mapDiv li:nth-child(50){ left: 85.7%; top: 40.3%; }
.aboutP3 .mapDiv li:nth-child(51){ left: 74.5%; top: 53.6%; }
.aboutP3 .mapDiv li:nth-child(52){ left: 75.9%; top: 51.1%; }
.aboutP3 .mapDiv li:nth-child(53){ left: 79.5%; top: 54.8%; }
.aboutP3 .mapDiv li:nth-child(54){ left: 75.3%; top: 59.4%; }

.aboutP3 .mapDiv li:nth-child(55){ left: 76.3%; top: 61.4%; }
.aboutP3 .mapDiv li:nth-child(56){ left: 77.2%; top: 67.1%; }
.aboutP3 .mapDiv li:nth-child(57){ left: 88.5%; top: 85%; }
.aboutP3 .mapDiv li:nth-child(58){ left: 77.7%; top: 51.2%; }
.aboutP3 .mapDiv li:nth-child(59){ left: 79.7%; top: 48.2%; }

.aboutP3 .mapDiv li:nth-child(60){ right: 21.5%; bottom: 51.1%;}
.aboutP3 .mapDiv li:nth-child(61){ right: 23.1%; bottom: 52.5%;}
.aboutP3 .mapDiv li:nth-child(62){ right: 25.1%; bottom: 53.5%;}
.aboutP3 .mapDiv li:nth-child(63){ right: 26.1%; bottom: 52.9%;}
.aboutP3 .mapDiv li:nth-child(64){ right: 19%; bottom: 54.5%;}
.aboutP3 .mapDiv li:nth-child(65){ right: 20.4%; bottom: 53%;}
.aboutP3 .mapDiv li:nth-child(66){ right: 20.4%; bottom: 55.2%;}
.aboutP3 .mapDiv li:nth-child(67){ right: 21%; bottom: 56.7%;}
.aboutP3 .mapDiv li:nth-child(68){ right: 22.2%; bottom: 58.7%;}
.aboutP3 .mapDiv li:nth-child(69){ right: 20.4%; bottom: 61.8%;}

/*.aboutP3 .mapDiv li.on{ background: url(../images/nimg23_2on.png) no-repeat; background-size: 0.23rem; }*/
.aboutP3 .mapDiv li .layerDiv{ position:absolute; z-index: 2; left: -0.78rem; bottom: 0.15rem; padding-bottom: 19px; display: none;}
.aboutP3 .mapDiv li .layerDiv .bg{ position: absolute; left: 0.75rem; bottom: 0; width: 16px; height: 20px; background: url(../images/nimg16Bg.png) no-repeat; z-index: 1; }
.aboutP3 .mapDiv li .mxfDiv{ box-sizing: border-box; padding: 0.1rem 0.25rem 0.1rem; background: #fff; border: #ff7500 solid 1px; border-radius: 0.08rem; min-width:1.2rem; box-shadow: 0px 4px 15px 0px rgba(37, 89, 159, 0.23);}
.aboutP3 .mapDiv li.orange .mxfDiv{ width:2.8rem;}
.aboutP3 .mapDiv li.on .layerDiv{ display: block; }
.aboutP3 .mapDiv li .mxfDiv .name{ font-size: 0.18rem; line-height: 0.28rem; color: #333; font-weight: bold; padding-bottom: 0.05rem; }
.aboutP3 .mapDiv li .mxfDiv .zi{ font-size: 0.16rem; line-height: 0.3rem; }

.aboutP3 .hala{ padding: 0.65rem 0 0.75rem; text-align: center; }
.aboutP3 .hala ul{ font-size: 0; }
.aboutP3 .hala li{ display: inline-block; padding: 0 1.0rem; font-size: 0.16rem; color: #333;}
.aboutP3 .hala li em{ position: relative; padding-left: 0.35rem; }
.aboutP3 .hala li em:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 15px; height: 15px; border-radius: 50%; background: #ff7500; }
.aboutP3 .hala li:last-child em:before{ background: #1b95d4; }

.aboutP4 .toptop{ position: relative; padding: 0.6rem 0; background: #f3f6fa url(../images/nimg1152Bg.png) left bottom no-repeat; background-size: 11.52rem; }
.aboutP4 .toptop:after{ content: ''; position: absolute; right: 0.2rem; top: 0; width: 4.41rem; height: 2.62rem; background: url(../images/nimg441Bg.png) no-repeat; background-size: 4.41rem; }
.aboutP4 .title{ position: relative; text-align: center; font-size: 0.42rem; line-height: 0.42rem; color: #333; font-weight: bold; padding-bottom: 0.35rem; }
.aboutP4 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -22px; bottom: 0; width: 45px; height: 4px; background: #ff7500; }
.aboutP4 .choose_txt{ padding-top: 0.35rem; position: relative; z-index: 1;}
.aboutP4 .choose_txt li{ float: left; width: 33.33%; position: relative; cursor: pointer; }
.aboutP4 .choose_txt li:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -0.5rem; width: 1px; height: 1.0rem; background: #d8dbdf;}
.aboutP4 .choose_txt li:last-child:after{ display: none; }
.aboutP4 .choose_txt li .box{ width: 2.8rem; height: 1.6rem; margin: 0 auto; border-radius: 0.2rem; text-align: center; }
.aboutP4 .choose_txt li .year{ font-size: 0.24rem; height: 0.35rem; line-height: 0.24rem; color: #333; font-family: light; padding-top: 0.55rem; }
.aboutP4 .choose_txt li .name{ font-size: 0.16rem; line-height: 0.16rem; }
.aboutP4 .choose_txt .on .box{ background: #fff; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.08); }
.aboutP4 .choose_txt .on .year, .aboutP4 .choose_txt .on .name{ color: #ff7500; }

.aboutP4 .botbot{ height: 4.88rem; position: relative; }
.aboutP4 .item_box{ width:100%; height: 4.88rem; position:absolute; left: 0; top: 0; overflow:hidden;}
.aboutP4 .item_box img{ width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;}
.aboutP4 .item_box .bg{ position: absolute; width:100%; height:100%; }
.aboutP4 .item_box .item{ display:none;}
.aboutP4 .item_box .item:nth-child(1){ display:block;}
.aboutP4 .item_box .item .conLayer{ position: absolute; top: 18%; right: 50%; margin-right: -7.68rem; width: 6.5rem; transform: translateY(1rem);
  -webkit-transform: translateY(1rem);
  -moz-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  -o-transform: translateY(1rem);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;}

.aboutP4 .item_box .item.on .conLayer{ opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.aboutP4 .item_box .txt{ font-size: 0.3rem; line-height: 0.3rem; color: #333; height: 0.65rem; position: relative; }
.aboutP4 .item_box .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 46px; height: 2px; background: #cbcbcb;}
.aboutP4 .item_box .lie{ margin-top: 0.4rem; height: 2.16rem; overflow: auto; padding-right: 8px; }
.aboutP4 .item_box .lie::-webkit-scrollbar { width: 3px;}
.aboutP4 .item_box .lie::-webkit-scrollbar-track { background-color: #fff;}
.aboutP4 .item_box .lie::-webkit-scrollbar-thumb { background-color: #ff7500;} 
.aboutP4 .item_box .lie li{ position: relative; padding-left: 0.9rem; font-size: 0.16rem; line-height: 0.36rem; }
.aboutP4 .item_box .lie li em{ position: absolute; left: 0; top: 0; display: block; width: 0.85rem; height: 0.36rem; text-align: right; }
.aboutP4 .item_box .lie li em:before{ content: ''; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -2px; background: #ff7500; }

.aboutP5{ padding-top: 0.6rem; }
.aboutP5 .title{ position: relative; text-align: center; font-size: 0.42rem; line-height: 0.42rem; color: #333; font-weight: bold; padding-bottom: 0.35rem; }
.aboutP5 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -22px; bottom: 0; width: 45px; height: 4px; background: #ff7500; }
.aboutP5 .list{ padding-top: 0.4rem; }
.aboutP5 .list ul{ margin-right: -0.48rem; }
.aboutP5 .list li{ float: left; width: 33.33%; }
.aboutP5 .list li .box{ cursor: pointer; margin-right: 0.48rem; height: 5.2rem; padding: 0.6rem 0.55rem 0; box-sizing: border-box; border-radius: 0.24rem; background: #f6f7f9;}
.aboutP5 .list li .name{ position: relative; height: 0.55rem; font-size: 0.24rem; line-height: 0.24rem; color: #333; }
.aboutP5 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #cbcbcb; }
.aboutP5 .list li .content{ margin-top: 0.2rem; padding-right: 8px; font-size: 0.16rem; line-height: 0.3rem; height: 3.3rem; overflow: auto; }
.aboutP5 .list li .content::-webkit-scrollbar { width: 3px;}
.aboutP5 .list li .content::-webkit-scrollbar-track { background-color: #e0e0e0;}
.aboutP5 .list li .content::-webkit-scrollbar-thumb { background-color: #ff7500;} 
.aboutP5 .list li .box:hover{ background: #fff; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.08); }
.aboutP5 .list li .box:hover .name{ color: #ff7500; }

.innovateP1{ padding-bottom: 1.1rem; position: relative; }
.innovateP1 .leftDiv{ width: 7.56rem; }
.innovateP1 .name{ position: relative; font-size: 0.42rem; line-height: 0.42rem; color: #333; font-weight: bold; padding-bottom: 0.35rem; }
.innovateP1 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; background: #ff7500; }
.innovateP1 .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; padding: 0.5rem 0; }
.innovateP1 .numList{ height: 1.8rem; }
.innovateP1 .numList li{ float: left; width: 1.5rem; }
.innovateP1 .numList li:nth-child(even){ width: 1.7rem; }
.innovateP1 .numList li:last-child{ float: right; width: auto; }
.innovateP1 .numList li .pj{ height: 0.55rem; }
.innovateP1 .numList li .num{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.innovateP1 .numList li .num em{ font-family: regular; font-size: 0.48rem; line-height: 0.42rem; color: #333; padding-right: 0.1rem;}
.innovateP1 .numList li span{ font-size: 0.16rem; height: 0.36rem; color: #333; position: relative; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.innovateP1 .numList li img{ position: absolute; left: 0; top: 0; }
.innovateP1 .numList li p{ font-size: 0.18rem; line-height: 0.24rem; }
.innovateP1 .btnDiv a{ display: block; width: 1.6rem; height: 0.5rem; line-height: 0.5rem; text-align: center; color: #fff; font-size: 0.16rem; background: #ff7500; border-radius: 0.08rem; }

.innovateP1 .circle-box{ width: 6.6rem; height: 6.6rem; position: relative; }
.innovateP1 .circle-box:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ff7500; border-radius: 50%;}
.innovateP1 .circle-box:before { animation: circle_1 10s infinite alternate-reverse; -webkit-animation: circle_1 10s infinite alternate-reverse;}
.innovateP1 .circle-box .pic{ z-index: 1; position: relative; width: 6.1rem; height: 6.1rem; margin: 0 auto; border-radius: 50%; overflow: hidden; /*animation: circle_2 10s infinite alternate-reverse; -webkit-animation: circle_2 10s infinite alternate-reverse;*/ }
.innovateP1 .circle-box .pic img{ width: 100%; }

.innovateP2{ padding: 1.0rem 0 1.1rem; position: relative; background: #f3f6fa; }
.innovateP2 .title{ position: relative; font-size: 0.42rem; line-height: 0.42rem; color: #333; font-weight: bold; padding-bottom: 0.35rem; }
.innovateP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; background: #ff7500; }

.innovateP2 .bigBox{ margin-top: 0.6rem; position: relative; z-index: 3; }
.innovateP2 .list { width: 20rem; overflow: hidden; position: relative;}
.innovateP2 .list li .box{ width: 4.5rem; height: 5.0rem; position: relative; border-radius: 0.2rem; overflow: hidden;}
.innovateP2 .list li .imgDiv{ width: 4.5rem;}
.innovateP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }

.innovateP2 .list li .txt{ width: 100%; height: 0.8rem; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 1; }
.innovateP2 .list li .txt .name{ font-size: 0.24rem; height: 0.8rem; line-height: 0.8rem; padding:0 0.6rem; overflow:hidden; }
.innovateP2 .list li .txt .name em{ position: relative; display: block; }
.innovateP2 .list li .txt .name em:after{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.4); }
.innovateP2 .list li .txt .name em:before{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 0.7rem; height: 1px; background: #fff; z-index: 1; }
.innovateP2 .list li .txt p{ font-size: 0.16rem; margin-top: 0.25rem; line-height: 0.3rem; padding: 0 0.6rem; height: 1.2rem; overflow:hidden; }
.innovateP2 .list li .txt.on{ height: 100%; background: rgba(255,117,0,0.9); }
.innovateP2 .list li .txt.on .name{ padding-top: 0.7rem; }
.innovateP2 .list li .txt.on .name em:after, .solution .list li .txt.on .name em:before{ opacity: 1; }

.innovateP2 .arrow a { z-index: 5; border-radius: 50%; position: absolute; top: 50%; margin-top: -30px; display: block; width: 60px; height: 60px; border-radius: 0.08rem;}
.innovateP2 .arrow .prev{ left: 50%; margin-left: -8.58rem; background: #cdd4da url(../images/nimg19_left.png) center no-repeat;}
.innovateP2 .arrow .next{ right: 50%; margin-right: -8.58rem; background: #cdd4da url(../images/nimg19_right.png) center no-repeat;}
.innovateP2 .arrow .prev:hover { background: #ff7500 url(../images/nimg19_left.png) center no-repeat; }
.innovateP2 .arrow .next:hover { background: #ff7500 url(../images/nimg19_right.png) center no-repeat; }
.innovateP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.innovateP2 .ball li{ position: absolute; z-index: 2; width: 1.33rem; height: 1.18rem; background: url(../images/nimg133Bg.png) no-repeat; background-size: 100%; }
.innovateP2 .ball .li01{ left: 8%; top: 18%; animation-delay: -2s;}
.innovateP2 .ball .li02{ left: 24%; top: 0; animation-delay: -4s;}
.innovateP2 .ball .li03{ left: 34.4%; top: 24%; animation-delay: -6s;}
.innovateP2 .ball .li04{ left: 28.3%; bottom: 0.85rem; animation-delay: -2s;}
.innovateP2 .ball .li05{ right: 28.9%; bottom: 1%; animation-delay: -4s;}
.innovateP2 .ball .li06{ left: 36.0%; top: 38.2%; animation-delay: -6s;}
.innovateP2 .ball .li07{ left: 41.6%; bottom: 0.4rem; animation-delay: -2s;}
.innovateP2 .ball .li08{ right: 48%; top: 10%; animation-delay: -2s;}
.innovateP2 .ball .li09{ right: 21.75%; top: 2%; animation-delay: -6s;}
.innovateP2 .ball .li10{ right: 16.6%; top: 25%; animation-delay: -2s;}
.innovateP2 .ball .li11{ right: 6.25%; top: 38%; animation-delay: -4s;}

.glow {
/*  background: white;*/
  animation: glitter 6s linear 0s infinite normal;
  -webkit-animation: glitter 6s linear 0s infinite normal;
  -moz-animation: glitter 6s linear 0s infinite normal;
  -ms-animation: glitter 6s linear 0s infinite normal;
  -o-animation: glitter 6s linear 0s infinite normal;
}

.innovateP3{ padding-top: 1.1rem; }
.innovateP3 .title{ position: relative; font-size: 0.42rem; line-height: 0.42rem; color: #333; font-weight: bold; padding-bottom: 0.35rem; }
.innovateP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; background: #ff7500; }

.innovateP3 .item-list{ padding-top: 0.6rem; position: relative; overflow: hidden; }
.innovateP3 .item-list ul{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.innovateP3 .item-list li{ cursor: pointer; float:left; width: 25%; height: 7.5rem; position: relative; overflow: hidden; }
.innovateP3 .item-list li:before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4); opacity: 1;}
.innovateP3 .item-list li .pic{ height: 7.5rem; background-size: cover; background-position: left top; background-repeat: no-repeat;}
.innovateP3 .item-list li .botDiv{ position: absolute; left: 0; bottom: -3.2rem; width: 100%; height: 3.2rem; background: rgba(255,255,255,0.9); z-index: 3;}
.innovateP3 .item-list li .nameDiv{ position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); z-index: 2;}
.innovateP3 .item-list li .cn{ position: relative; font-weight: bold; color: rgba(255,255,255,0.8); font-size: 0.3rem; line-height: 0.3rem; height: 0.6rem; }
.innovateP3 .item-list li .en{ font-size: 0.24rem; color: rgba(255,255,255,0.3); text-transform: uppercase; height: 0.64rem; line-height: 0.32rem; font-family:light;}
.innovateP3 .item-list li .l7Div{ padding: 0.65rem 0.6rem 0; }
.innovateP3 .item-list li .botDiv .content{ margin-top: 0.2rem; font-size: 0.16rem; line-height: 0.3rem; height: 1.2rem; padding-right: 8px; overflow: auto; }
.innovateP3 .item-list li .botDiv .content::-webkit-scrollbar { width: 3px;}
.innovateP3 .item-list li .botDiv .content::-webkit-scrollbar-track { background-color: #e0e0e0;}
.innovateP3 .item-list li .botDiv .content::-webkit-scrollbar-thumb { background-color: #ff7500;} 

.innovateP3 .item-list li .botDiv .cn{ color: #333; }
.innovateP3 .item-list li .botDiv .cn:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #bdbdbd; }
.innovateP3 .item-list li .botDiv .cn:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 1.5rem; height: 1px; background: #ff7500; z-index: 1; }

/*.innovateP3 .item-list li .bg{ height:6.0rem;}
.innovateP3 .item-list li .bg img{ width: 100%; height:100%; object-fit:cover; }*/
.innovateP3 .item-list li:hover { width: 75%; }
.innovateP3 .item-list li:hover:before{ opacity: 0; }
.innovateP3 .item-list li:hover .nameDiv{ opacity: 0; }
.innovateP3 .item-list li:hover .botDiv{ bottom: 0; }

.innovateP4{ padding: 1.1rem 0; }
.innovateP4 .title{ position: relative; font-size: 0.42rem; line-height: 0.42rem; color: #333; padding-bottom: 0.35rem; }
.innovateP4 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; background: #ff7500; border-radius: 4px;}
.innovateP4 .bigImg{ margin: 0.6rem 0 1.1rem; cursor: pointer; }
.innovateP4 .bigImg img{ width: 100%; }
.innovateP4 .list{ padding-top: 0.6rem; }
.innovateP4 .list ul{ margin-right: -0.3rem; }
.innovateP4 .list li{ float: left; width: 50%; padding-bottom: 0.3rem; }
.innovateP4 .list li .box{ margin-right: 0.3rem; background: #f1f4f8; border-radius: 0.16rem; padding: 0.25rem 0.4rem 0; height: 1.5rem; box-sizing: border-box;}
.innovateP4 .list li .name{ font-size: 0.24rem; list-style: 0.24rem; color: #333; }
.innovateP4 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; padding-top: 0.1rem; }
.innovateP4 .list li .box:hover{ background: #ff7500; }
.innovateP4 .list li .box:hover .name, .innovateP4 .list li .box:hover .msg{ color: #fff; }

.innovateP5{ background: url(../images/innovateP5.jpg) center top no-repeat; background-size: 100%; }
.innovateP5 .title{ position: relative; font-size: 0.42rem; line-height: 0.42rem; color: #333; padding-bottom: 0.35rem; font-weight: bold; }
.innovateP5 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 4px; background: #ff7500; border-radius: 4px;}
.innovateP5 .lie{ padding-top: 0.6rem; }
.innovateP5 .lie li{ padding-bottom: 0.6rem; }
.innovateP5 .lie li:last-child{ padding-bottom: 0; }
.innovateP5 .lie li .wen{ color: #ff7500; font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.25rem; }
.innovateP5 .lie li .msg{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }

.innovateP5 .bigBox{ margin-top: 0.75rem; padding-bottom: 1.7rem; background: url(../images/honorBg.png) center bottom no-repeat; background-size: 100%; position: relative; z-index: 3; }
.innovateP5 .list { width: 19rem; overflow: hidden; position: relative;}
.innovateP5 .list li .box{ width: 3.38rem; height: 2.28rem; position: relative; overflow: hidden;}
.innovateP5 .list li .imgDiv{ height: 2.28rem; overflow: hidden;}
.innovateP5 .list li .imgDiv img{ max-width: 3.38rem; max-height: 2.28rem; }
.innovateP5 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.innovateP5 .str2 .pjDiv{display: flex; display: -webkit-flex;  align-items: center; -webkit-align-items: center; overflow: hidden; }
.innovateP5 .str2 .lbox{ display: inline-block; margin-right: 0.48rem;}
.innovateP5 .str2 .imgDiv{ width: 3.38rem; height: 2.28rem; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.08);}
.innovateP5 .str2 .imgDiv img{ max-width: 3.38rem; max-height: 2.28rem; }





























</pre></body></html>